<?php
	session_start();
	require_once('php/funciones.php');
	require_once('php/conf/config.php');
	$tienda = _SITE_URL_."/tienda";
	$estaPagina=$_SERVER['PHP_SELF'];
		
	/*AQUI VAN LAS FUNCIONES DE ADMINISTRACION*/
	require_once('admin/administracion.php')
?>

<html>
<head>
		<meta charset="utf-8">
		<title>&iexcl;Bienvenido a Apiarca!</title>
		<link rel="stylesheet" type="text/css" href="css/estiloArticulos.css"/>
		<link rel="stylesheet" type="text/css" href="css/estilo_login.css" />
		<link rel="stylesheet" type="text/css" href="css/fonts.css" />
		<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/> 
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script type="text/javascript" src="js/form.js"></script>
		<script type="text/javascript" src="js/sonido-hover.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/funciones.js"></script>
</head>
	<body>
	
	<div id="contenedor">
		<div id="head">
				<div id="botones-logueo">
					<a id="abrir-login" class="c-log">Login</a> 
					<a id="abrir-reg" class="c-reg" href="register.php">Registro</a>
				</div>
				

				<div id="formulario-login" class="drawer" style="right: -400px;">

					<form class="form-despleg drawer-form" id="login-form" action="<?php htmlspecialchars($estaPagina); ?>" method="POST" style="height: 600px;">
						
							<a id="cerrar-login" class="close-drawer" href="#">+</a>
						
						<h2>Login</h2>
									
						<div class="form-group">
						
							<input type="text" name="login" class="form-control info-usu" placeholder="Email" id="id-field-login">
						
						</div>
						
						<div class="form-group">
							<input type="password" value="" name="password" class="form-control info-usu" placeholder="Contrase&ntilde;a" id="id-field-password">
						</div>
						
						<label id="recordar">
						<div class="recordar-usu">
								<input type="checkbox" value="1" name="recordar-check" id="id-record"> <label for="id-record"><span></span>Recordar</label>
						</div> 
						</label>

						<button name="btnEntrar" class="btn-submit" type="button" onclick="comprobarAutenticacion('php/Login.php')">Entrar</button>

						<p class="help">
							<strong>Ayuda:</strong> 
							<a class="_drawer-btn no-pjax" href="#">Olvid&eacute; mi contrase&ntilde;a</a>
						</p>
						<div id="btn_new_account">
						<a class="new-account" href="register.php">Crear una cuenta</a>
						</div>
					</form>
			</div>
			<!-- JAT -->

			<div id="contenedorMenu">
				<ul id="menu" class="efectoMenu nav">
					<li>
						<a href="principal.php">Principal</a>
						<audio style="display: none" id="beep-two0" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="historia.php">Introducci&oacute;n</a>
						<audio  style="display: none" id="beep-two1" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li class="marca">
						<a href="proceso.php">Proceso</a>
						<audio  style="display: none" id="beep-two2" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="productos.php">Productos</a>
						<audio  style="display: none" id="beep-two3" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					<li>
						<a href="<?php echo $tienda; ?>">Tienda</a>
						<audio  style="display: none" id="beep-two4" controls preload="auto">
							<source src="sonidos/zumbido.mp3" controls></source>
							<source src="sonidos/zumbido.ogg" controls></source>
							Your browser isn't invited for super fun audio time.
						</audio>
					</li>
					
				</ul>
				
			</div>
			<!--  /JAT -->
			
				<!-- ACB-I -->
				<div id="contenedorSesion">
					<?php
						if( isset($_SESSION['usuario']) ){
							$estaPagina=$_SERVER['PHP_SELF'];
					//echo "<span id='spanSesion'>Sesion de ".$_SESSION['usuario']."</span>".;
							echo '<a id="enlaceSesion" class="boton formaBoton colorRojo" href="session_end.php">Cerrar Sesion</a>';
						}else{
							echo "<p>Sesion no iniciada</p>";
						}
					?>
				</div>
				<!-- ACB-F -->

			<!-- DDB-I -->
			<div id="menuLateral" class="panelUsuarioRegistrado">
				<?php
			   		//pintarPanel();
			   		
				if (isset ( $_SESSION ['usuario'] )) {
					/* I-ACB 05/05 */
					echo "<script>
					$(document).ready(function(){
					$('#botones-logueo').hide(); //oculto el div de botones-logueo cuando el usuario esta logueado
					});
					</script>";
					/* F-ACB */
					//print_r($_SESSION);
					generarPanelUsuarioRegistrado ();
				}
				?>
			</div>
			
		</div>
		<div id="contenido">
			<div id="muro">
				<div class="titulo"><p>Recogida de un ejambre</p></div>			
				<div><img src="images/RecogerEnjambre-foto1.jpg"></div>
				<div class="texto"><p>Este ejemplo de recuperacion de un enjambre es relativamente sencillo, por su colocacion, metro y medio del suelo y en una rama pequeña, la operación sera rapida.Colocamos debajo de el una caja con cuadros de cera estampada, dejamdo un sitio para colocar la bola, y procedemos a cortar la rama en la que se encuentra.</p></div>
				<div><img src="images/RecogerEnjambre-foto2.jpg"></div>
				<div class="texto"><p>Con delicadeza colocamos el enjambre en el hueco que nos quedo despues de retirar los cuadros del centro de la caja.</p></div>			
				<div><img src="images/RecogerEnjambre-foto3.jpg"></div>
				<div><img src="images/RecogerEnjambre-foto4.jpg"></div>
				<div class="texto"><p>En cuanto este dentro de la caja se le da una sacudida seca a la rama, y se retira despacito. Se colocan los cuadros que faltan y se cierra la caja. A la noche proceder a cambiarlo de sitio para no perder ninguna abeja. Estando sin cria, pensar en hacer un tratamiento contra la varrosis, que en estos casos son muy eficaces. Si  el tiempo no acompaña y despues de la llegada del enjambre vienen mas de dos dias de lluvias pensar en alimentarlo.</p></div>
			</div>

		</div>
		<div id="footer">
			<div id="contenedorRedes">
				<ul id="redesSociales" class="efectoMenu">
					<li><a href="#">Twitter</a></li>
					<li><a href="#">Facebook</a></li>
					<li ><a href="javascript:void();" onclick="pantallaCompleta(document.documentElement);">Redimensionar</a></li>
				</ul>
			</div>
		</div>
	</div>
			
	</body>
</html>
